<template>
  <div class="footer">
    <div class="w1100">
      <div class="logo">
        <img src="../../../assets/imgs/logo_foot.png" alt="">
      </div>
      <div class="footerRt">
        <div class="feature">
          <div class="item">
            <div class="text">M</div>
            <div class="desc">
              <p class="big">Huge supply of goods</p>
              <p class="small">Gather a large quantity of goods</p>
            </div>
          </div>
          <div class="item">
            <div class="text">E</div>
            <div class="desc">
              <p class="big">Good quality goods</p>
              <p class="small">Select good quality goods</p>
            </div>
          </div>
          <div class="item">
            <div class="text">G</div>
            <div class="desc">
              <p class="big">High brand</p>
              <p class="small">Good brand trust to buy</p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <p style="text-align:center;margin-bottom:20px;font-size:12px;color:#ddd;">
      Copyright 2020 Henan Lingjiexian Trading Company ICP Reserved. 19010245 -2
    </p>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {}
};
</script>
<style lang="scss" scoped>
.w1100 {
  width: 1100px;
  margin: 0 auto;
}
.footer {
  position: static;
  width: 100%;
  bottom: 0;
  background-color: #000;
  color: #fff;
  overflow: hidden;
  > .w1100 {
    height: 150px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    .logo {
      width: 200px;
      font-size: 40px;
      font-style: italic;
    }
    .footerRt {
      width: 800px;
      .feature {
        display: flex;
        justify-content: space-around;
        .item {
          display: flex;
          align-items: center;
          .text {
            width: 60px;
            height: 60px;
            border: 2px solid #fff;
            border-radius: 50%;
            text-align: center;
            line-height: 56px;
            margin-right: 10px;
            font-size: 30px;
          }
          .desc {
            .small {
              padding-top: 4px;
              font-size: 12px;
            }
          }
        }
      }
      .links {
        display: flex;
        margin-top: 30px;
        padding-top: 20px;
        border-top: 2px solid #ddd;
        ul {
          list-style: none;
          font-size: 12px;
          color: #eee;
          padding-left: 20px;
          margin: 0;
          li {
            padding: 6px 20px;
          }
        }
      }
    }
  }
}
</style>
